<template>
  <header class="main-header">
    <h1>MY TODOs</h1>
  </header>
</template>

<script>
  export default {
    name: "cHeader",  // 不能命名为built-in名字如"header"
  }
</script>

<style lang="css" scoped>
  /*由于css scoped样式只影响组件，打包时会给每个标签唯一随机属性名，css属性选择器，绑定样式 */
 .main-header{
   text-align: center;
 }
  h1{
    font-size: 30px;
    color: #31b07b;
    opacity: 0.8;
    font-weight: 100;
    margin: 20px;
  }
</style>